<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  </meta>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </meta>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  </meta>
  <title>见证记录</title>
</head>
<body>
  <style>
    html,
    body {
      margin: 0;
      padding: 0;
    }
    body,
    dl,
    dd,
    ul,
    ol,
    h1,
    form,
    input,
    textarea,
    p,
    dir,
    thead,
    tbody,
    tfoot,
    th,
    td {
      margin: 0;
      padding: 0;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    .ui-mt5 {
      margin-top: 5px !important;
    }
    .el-table {
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      flex: 1;
      width: 100%;
      max-width: 100%;
      background-color: #fff;
      font-size: 14px;
      color: #333;
    }
    .el-table .el-table__column-drag {
      position: absolute;
      right: 0;
      height: 100%;
      padding: 0 2px;
    }
    .el-table .el-table__column-drag i {
      display: block;
      width: 1px;
      height: 100%;
      background: linear-gradient(180deg,
          rgba(238, 238, 238, 0.4) 0,
          rgba(189, 189, 189, 0.86) 52%,
          rgba(216, 216, 216, 0.4) 100%);
    }
    .el-table .el-table__column-drag.is-drag {
      cursor: col-resize;
    }
    .el-table .el-button {
      padding-top: 4px;
      padding-bottom: 4px;
    }
    .el-table .el-button i {
      font-size: 14px;
    }
    .el-table--mini,
    .el-table--small,
    .el-table__expand-icon {
      font-size: 12px;
    }
    .el-table .el-table__scrollbar .el-scrollbar__bar {
      z-index: 999;
    }
    .el-table__empty-block {
      min-height: 60px;
      text-align: center;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .el-table__empty-text {
      line-height: 60px;
      width: 50%;
      color: #333;
    }
    .el-table__expand-column .cell {
      padding: 0;
      text-align: center;
    }
    .el-table__expand-icon {
      position: relative;
      cursor: pointer;
      color: #666;
      transition: transform 0.2s ease-in-out;
      height: 20px;
    }
    .el-table__expand-icon--expanded {
      transform: rotate(90deg);
    }
    .el-table__expand-icon>.el-icon {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -5px;
      margin-top: -5px;
    }
    .el-table__expanded-cell {
      background-color: #fff;
    }
    .el-table__expanded-cell[class*="cell"] {
      padding: 10px;
    }
    .el-table__expanded-cell:hover {
      background-color: transparent !important;
    }
    .el-table__placeholder {
      display: inline-block;
      width: 20px;
    }
    .el-table__append-wrapper {
      overflow: hidden;
    }
    .el-table--fit {
      border-right: 0;
      border-bottom: 0;
    }
    .el-table--fit td.gutter,
    .el-table--fit th.gutter {
      border-right-width: 1px;
    }
    .el-table--scrollable-x .el-table__body-wrapper {
      overflow-x: auto;
    }
    .el-table--scrollable-y .el-table__body-wrapper {
      overflow-y: auto;
    }
    .el-table thead {
      color: #333;
      font-weight: 400;
    }
    .el-table thead.is-group th {
      background: #efefef;
    }
    .el-table td.el-table__column,
    .el-table th.el-table__column {
      padding: 8px 0;
      min-width: 0;
      box-sizing: border-box;
      text-overflow: ellipsis;
      vertical-align: middle;
      position: relative;
      text-align: left;
    }
    .el-table td.el-table__column.is-center,
    .el-table th.el-table__column.is-center {
      text-align: center;
    }
    .el-table td.el-table__column.is-right,
    .el-table th.el-table__column.is-right {
      text-align: right;
    }
    .el-table td.el-table__column.gutter,
    .el-table th.el-table__column.gutter {
      width: 15px;
      border-right-width: 0;
      border-bottom-width: 0;
      padding: 0;
    }
    .el-table td.el-table__column.is-hidden>*,
    .el-table th.el-table__column.is-hidden>* {
      visibility: hidden;
    }
    .el-table--medium td.el-table__column,
    .el-table--medium th.el-table__column {
      padding: 6px 0;
    }
    .el-table--small td.el-table__column,
    .el-table--small th.el-table__column {
      padding: 4px 0;
    }
    .el-table--mini td.el-table__column,
    .el-table--mini th.el-table__column {
      padding: 2px 0;
    }
    .el-table tr {
      background-color: #fff;
    }
    .el-table tr input[type="checkbox"] {
      margin: 0;
    }
    .el-table td.el-table__column,
    .el-table td.el-table__expanded-cell,
    .el-table th.is-leaf {
      border-bottom: 1px solid #d2d2d2;
    }
    .el-table th.is-sortable {
      cursor: pointer;
    }
    .el-table th.el-table__column {
      white-space: nowrap;
      overflow: hidden;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: #e5e5e5;
      font-weight: 700;
      color: #333;
    }
    .el-table th.el-table__column>div {
      display: table-cell;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .el-table th.el-table__column>.cell {
      display: inline-block;
      box-sizing: border-box;
      position: relative;
      vertical-align: middle;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%;
    }
    .el-table th.el-table__column>.cell.highlight {
      color: #1890ff;
    }
    .el-table th.el-table__column.required>div::before {
      display: inline-block;
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #e82f2f;
      margin-right: 5px;
      vertical-align: middle;
    }
    .el-table td.el-table__column div {
      box-sizing: border-box;
    }
    .el-table td.el-table__column.gutter {
      width: 0;
    }
    .el-table .cell {
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      word-break: break-all;
      line-height: 23px;
      padding-left: 10px;
      padding-right: 10px;
    }
    .el-table .cell.el-tooltip__cell {
      white-space: nowrap;
      min-width: 50px;
      width: 100%;
    }
    .el-table--border,
    .el-table--group {
      border: 1px solid #d2d2d2;
    }
    .el-table--border .is-drag,
    .el-table--group .is-drag {
      visibility: hidden;
    }
    .el-table--border::after,
    .el-table--group::after,
    .el-table::before {
      content: "";
      position: absolute;
      background-color: #d2d2d2;
      z-index: 4;
    }
    .el-table--border::after,
    .el-table--group::after {
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
    }
    .el-table::before {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
    }
    .el-table--border {
      border-right: none;
      border-bottom: none;
    }
    .el-table--border.el-loading-parent--relative {
      border-color: transparent;
    }
    .el-table--border td.el-table__column,
    .el-table--border th.el-table__column {
      border-right: 1px solid #d2d2d2;
    }
    .el-table--border td.el-table__column:first-child .cell,
    .el-table--border th.el-table__column:first-child .cell {
      padding-left: 10px;
    }
    .el-table--border .el-table__header-wrapper th.gutter:last-of-type {
      border-bottom: 1px solid #d2d2d2;
      background-color: #e5e5e5;
    }
    .el-table--border .el-table__footer-wrapper th.gutter:last-of-type {
      border-top: 1px solid #d2d2d2;
      background-color: #e5e5e5;
    }
    .el-table--border th.el-table__column {
      border-bottom: 1px solid #d2d2d2;
    }
    .el-table--hidden {
      visibility: hidden;
    }
    .el-table__fixed,
    .el-table__fixed-right {
      position: absolute;
      top: 0;
      left: 0;
      overflow-x: hidden;
      overflow-y: hidden;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
      will-change: auto;
    }
    .el-table__fixed-right::before,
    .el-table__fixed::before {
      display: none;
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #d2d2d2;
      z-index: 4;
    }
    .el-table__fixed-right-patch {
      position: absolute;
      top: -1px;
      right: 0;
      border-bottom: 1px solid #d2d2d2;
    }
    .el-table__fixed-right {
      top: 0;
      left: auto;
      right: 0;
    }
    .el-table__fixed-right .el-table__fixed-body-wrapper,
    .el-table__fixed-right .el-table__fixed-footer-wrapper,
    .el-table__fixed-right .el-table__fixed-header-wrapper {
      left: auto;
      right: 0;
    }
    .el-table__fixed-header-wrapper {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
    }
    .el-table__fixed-footer-wrapper {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 3;
    }
    .el-table__fixed-footer-wrapper tbody td.el-table__column {
      border-top: 1px solid #d2d2d2;
      background-color: #e5e5e5;
      color: #333;
    }
    .el-table__fixed-body-wrapper {
      position: absolute;
      left: 0;
      top: 37px;
      overflow: hidden;
      z-index: 3;
    }
    .el-table__body-wrapper,
    .el-table__footer-wrapper,
    .el-table__header-wrapper {
      width: 100%;
    }
    .el-table__footer-wrapper {
      margin-top: -1px;
    }
    .el-table__footer-wrapper td.el-table__column {
      border-top: 1px solid #d2d2d2;
    }
    .el-table__body,
    .el-table__footer,
    .el-table__header {
      table-layout: fixed;
      border-collapse: separate;
    }
    .el-table__footer-wrapper,
    .el-table__header-wrapper {
      overflow: hidden;
    }
    .el-table__footer-wrapper tbody td.el-table__column,
    .el-table__header-wrapper tbody td.el-table__column {
      background-color: #e5e5e5;
      color: #333;
    }
    .el-table__body-wrapper {
      overflow: hidden;
      position: relative;
    }
    .el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
    .el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
    .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
    .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
      box-shadow: none;
    }
    .el-message-box,
    .el-notification,
    .el-picker-panel,
    .el-table-filter,
    .el-time-panel {
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    }
    .el-table .caret-wrapper {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      height: 21px;
      width: 24px;
      vertical-align: middle;
      cursor: pointer;
      overflow: initial;
      position: relative;
    }
    .el-table .sort-caret,
    .form-col2:after,
    .form-col2:before,
    .form-col3:after,
    .form-col3:before,
    .form-col4:after,
    .form-col4:before {
      height: 0;
    }
    .el-table .sort-caret {
      width: 0;
      border: 5px solid transparent;
      position: absolute;
      left: 7px;
    }
    .el-table .sort-caret.ascending {
      border-bottom-color: #999;
      top: -2px;
    }
    .el-table .sort-caret.descending {
      border-top-color: #999;
      bottom: 1px;
    }
    .el-table .ascending .sort-caret.ascending {
      border-bottom-color: #1890ff;
    }
    .el-table .descending .sort-caret.descending {
      border-top-color: #1890ff;
    }
    .el-table .hidden-columns {
      visibility: hidden;
      position: absolute;
      z-index: -1;
    }
    .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: #efefef;
    }
    .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__column {
      background-color: #d1e9ff;
    }
    .el-table__body tr.hover-row.current-row>td.el-table__column,
    .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__column,
    .el-table__body tr.hover-row.el-table__row--striped>td.el-table__column,
    .el-table__body tr.hover-row>td.el-table__column {
      background-color: #e8f4ff;
    }
    .el-table__body tr.current-row>td.el-table__column {
      background-color: #d1e9ff;
    }
    .el-table__column-resize-proxy {
      position: absolute;
      left: 200px;
      top: 0;
      bottom: 0;
      width: 0;
      border-left: 1px solid #d2d2d2;
      z-index: 10;
    }
    .el-table__column-filter-trigger {
      display: inline-block;
      line-height: 21px;
      cursor: pointer;
      margin-left: 5px;
    }
    .el-table__column-filter-trigger i {
      color: #999;
      font-size: 15px;
    }
    .el-table--enable-row-transition .el-table__body td.el-table__column {
      transition: background-color 0.25s ease;
    }
    .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__column {
      background-color: #e8f4ff;
    }
    .el-table--fluid-height .el-table__fixed,
    .el-table--fluid-height .el-table__fixed-right {
      bottom: 0;
      overflow: hidden;
    }
    .el-table [class*="el-table__row--level"] .el-table__expand-icon {
      display: inline-block;
      width: 20px;
      line-height: 20px;
      height: 20px;
      text-align: center;
      margin-right: 3px;
    }
    .el-table--card .el-table__body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0) td.el-table__column .cell::before,
    .el-table--card .el-table__fixed-body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0) td.el-table__column .cell::before,
    .el-table--card.el-table::before {
      display: none;
    }
    .el-table--card {
      background-color: transparent;
    }
    .el-table--card.el-table--medium td.el-table__column,
    .el-table--card.el-table--medium th.el-table__column {
      padding: 5px 0;
    }
    .el-table--card.el-table--small td.el-table__column,
    .el-table--card.el-table--small th.el-table__column {
      padding: 3px 0;
    }
    .el-table--card.el-table--mini td.el-table__column,
    .el-table--card.el-table--mini th.el-table__column {
      padding: 1px 0;
    }
    .el-table--card.el-table td.el-table__column,
    .el-table--card.el-table td.el-table__expanded-cell,
    .el-table--card.el-table th.el-table__column {
      border-bottom: none;
      background-color: transparent;
    }
    .el-table--card.el-table td.el-table__expanded-cell {
      padding: 0 10px;
    }
    .el-table--card.el-table th.el-table__column {
      color: #333;
    }
    .el-table--card .el-table__header {
      border-radius: 0 2px 2px 0;
    }
    .el-table--card .el-table__header.el-table__header-gutter {
      border-right: none;
    }
    .el-table--card .el-table__header th.el-table__column {
      background-color: #fff;
      border-top: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
    }
    .el-table--card .el-table__header th.el-table__column:first-child {
      border-left: 1px solid #d2d2d2;
      border-radius: 2px 0 0 2px;
      padding-left: 3px;
    }
    .el-table--card .el-table__header th.el-table__column:last-child {
      border-right: 1px solid #d2d2d2;
      border-radius: 0 2px 2px 0;
    }
    .el-table--card.el-table--enable-row-hover .el-table__body tr:hover td.el-table__column {
      background-color: #fff;
      border-color: #8cc8ff;
    }
    .el-table--card.el-table--enable-row-hover .el-table__body tr:hover td.el-table__column:first-child,
    .el-table--card.el-table--enable-row-hover .el-table__body tr:hover td.el-table__column:last-child {
      border-color: #8cc8ff;
    }
    .el-table--card .el-table__body-wrapper table,
    .el-table--card .el-table__fixed-body-wrapper table {
      border-collapse: separate;
      border-spacing: 0 10px;
    }
    .el-table--card .el-table__body-wrapper td.el-table__column,
    .el-table--card .el-table__body-wrapper th.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper th.el-table__column {
      border-spacing: 0 10px;
    }
    .el-table--card .el-table__body-wrapper .el-table__row td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row td.el-table__column {
      background-color: #fff;
      border-top: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
    }
    .el-table--card .el-table__body-wrapper .el-table__row td.el-table__column:first-child,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row td.el-table__column:first-child {
      border-radius: 2px 0 0 2px;
      padding-left: 3px;
      border-left: 4px solid #8cc8ff;
    }
    .el-table--card .el-table__body-wrapper .el-table__row td.el-table__column:last-child,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row td.el-table__column:last-child {
      border-right: 1px solid #d2d2d2;
      border-radius: 0 2px 2px 0;
    }
    .el-table--card .el-table__body-wrapper .el-table__row.hover-row td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row.hover-row td.el-table__column {
      background-color: #fff;
      border-color: #8cc8ff;
    }
    .el-table--card .el-table__body-wrapper .el-table__row.hover-row td.el-table__column:first-child,
    .el-table--card .el-table__body-wrapper .el-table__row.hover-row td.el-table__column:last-child,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row.hover-row td.el-table__column:first-child,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row.hover-row td.el-table__column:last-child {
      border-color: #8cc8ff;
    }
    .el-table--card .el-table__body-wrapper .el-table__row.current-row td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper .el-table__row.current-row td.el-table__column {
      background-color: #d1e9ff;
      border-color: #1890ff;
    }
    .el-picker-panel__shortcut,
    .el-table--card .el-table__body-wrapper tr,
    .el-table--card .el-table__fixed-body-wrapper tr {
      background-color: transparent;
    }
    .el-table--card .el-table__body-wrapper .el-table__fixed-left td.el-table__column:last-child,
    .el-table--card .el-table__fixed-body-wrapper .el-table__fixed-left td.el-table__column:last-child {
      border-right: none;
      border-radius: 0;
    }
    .el-table--card .el-table__body-wrapper .el-table__fixed-right td.el-table__column:first-child,
    .el-table--card .el-table__fixed-body-wrapper .el-table__fixed-right td.el-table__column:first-child {
      border-left: none;
      border-radius: 0;
    }
    .el-date-editor.is-disabled:focus,
    .el-date-editor.is-disabled:hover,
    .el-table--card .el-table__body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0).hover-row td.el-table__column:first-child,
    .el-table--card .el-table__body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0).hover-row td.el-table__column:last-child,
    .el-table--card .el-table__body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0):hover td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0).hover-row td.el-table__column:first-child,
    .el-table--card .el-table__fixed-body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0).hover-row td.el-table__column:last-child,
    .el-table--card .el-table__fixed-body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0):hover td.el-table__column {
      border-color: #d2d2d2;
    }
    .el-table--card .el-table__body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0) td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper tr[class*="el-table__row--level"]:not(.el-table__row--level-0) td.el-table__column {
      background-color: #fff;
      border: none;
      padding: 0;
    }
    .el-table--card .el-table__body-wrapper tr[class*="el-table__row--level"]+tr[class*="el-table__row--level"] td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper tr[class*="el-table__row--level"]+tr[class*="el-table__row--level"] td.el-table__column {
      padding-top: 10px;
      border-top: 1px solid #d2d2d2;
    }
    .el-table--card .el-table__body-wrapper tr.el-table__row--level-0+tr[class*="el-table__row--level"] td.el-table__column,
    .el-table--card .el-table__fixed-body-wrapper tr.el-table__row--level-0+tr[class*="el-table__row--level"] td.el-table__column {
      padding-top: 0;
      border-top: none;
    }
    .el-table--card .cell {
      line-height: 24px;
    }
    .table-tooltip .el-tooltip__content {
      max-width: 800px;
    }
    .el-table-filter {
      border: 1px solid #d2d2d2;
      border-radius: 2px;
      background-color: #fff;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      margin: 2px 0;
    }
    .el-table-filter__list {
      padding: 5px 0;
      margin: 0;
      list-style: none;
      min-width: 100px;
    }
    .el-table-filter__list-item {
      line-height: 36px;
      padding: 0 10px;
      cursor: pointer;
      font-size: 14px;
    }
    .el-table-filter__list-item:hover {
      background-color: #e8f4ff;
      color: #333;
    }
    .el-table-filter__list-item.is-active {
      background-color: #1890ff;
      color: #fff;
    }
    .el-table-filter__content {
      min-width: 100px;
    }
    .el-table-filter__bottom {
      border-top: 1px solid #d2d2d2;
      padding: 8px;
      text-align: right;
    }
    .el-table-filter__bottom button {
      background: 0 0;
      border: none;
      color: #333;
      cursor: pointer;
      font-size: 13px;
      padding: 0 3px;
    }
    .el-date-table td.in-range div,
    .el-date-table td.in-range div:hover,
    .el-date-table.is-week-mode .el-date-table__row.current div,
    .el-date-table.is-week-mode .el-date-table__row:hover div {
      background-color: #e8f4ff;
    }
    .el-table-filter__bottom button:hover {
      color: #1890ff;
    }
    .el-table-filter__bottom button:focus {
      outline: 0;
    }
    .el-table-filter__bottom button.is-disabled {
      color: #666;
      cursor: not-allowed;
    }
    .el-table-filter__wrap {
      max-height: 280px;
    }
    .el-table-filter__checkbox-group {
      padding: 10px;
    }
    .el-table-filter__checkbox-group label.el-checkbox {
      display: block;
      margin-right: 5px;
      margin-bottom: 8px;
      margin-left: 5px;
    }
    .el-table-filter__checkbox-group .el-checkbox:last-child {
      margin-bottom: 0;
    }
    .el-table-filter__input {
      margin: 10px;
    }
    .el-table-filter__input.el-input {
      width: auto;
    }
    .pdf-content {
      max-width: 822px;
      width: 100%;
      margin: 0 auto;
      font-size: 14px;
    }
    .pdf_box {
      border: 1px solid #ededed;
      padding: 10px;
      position: relative;
    }
    .box_border {
      font-weight: bold;
      padding-left: 5px;
      margin-top: 10px;
      border-left: 2px solid rgb(0, 140, 255);
    }
    .daishenhe-tag {
      display: inline-block;
      position: absolute;
      z-index: 9;
      top: 30px;
      left: 720px;
      margin-right: 10px;
    }
    .daishenhe-tag img {
      width: 82px;
    }
    .daishenhe-tag i {
      font-size: 70px;
      color: #1890ff;
    }
    .daishenhe-tag .icon-yishenhe1 {
      color: #57b21c;
    }
    h1 {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 20px;
    }
    .table_BT_box {
      margin-top: 10px;
      width: 100%;
      height: 40px;
      background-color: #1890ff;
    }
    caption,
    th {
      text-align: left;
    }
    .ui-table table {
      table-layout: fixed;
      box-sizing: border-box;
      border-top: 1px solid #dedede;
      border-left: 1px solid #dedede;
    }
    .ui-table th {
      background-color: #e5e5e5;
    }
    .ui-table th,
    .ui-table td {
      border-bottom: 1px solid #dedede;
      border-right: 1px solid #dedede;
      padding: 10px;
    }
    .table_BT_witness {
      margin-top: 10px;
      width: 100%;
    }
    .table_BT_left {
      float: left;
      padding-left: 10px;
      width: 48%;
      color: #fff;
      /* display: inline-block; */
      line-height: 40px;
    }
    .table_BT_right {
      float: right;
      padding-left: 10px;
      width: 49%;
      color: #fff;
      /* display: inline-block; */
      line-height: 40px;
    }
    .table_BT_right1 {
      width: 50%;
      color: #fff;
      display: inline-block;
      line-height: 40px;
    }
    .table_BT_right2 {
      float: right;
      width: 50%;
      color: #fff;
      /* display: inline-block; */
      line-height: 40px;
    }
    .YC_iocn img {
      margin-top: -3px;
      vertical-align: middle;
    }
    .YC_iocn {
      color: red;
      font-weight: bold;
    }
    .YC_iocns {
      color: #333;
    }
    .YC_iocnss {
      color: #fff;
    }
    .SH_text {
      font-size: 12px;
      margin-left: 10px;
    }
    .table_BT_SH {
      width: 100%;
      background-color: #1890ff;
    }
    .table_BT_SHs {
      width: 100%;
      margin-top: 10px;
      background-color: #6486c6;
    }
    .SH_box {
      width: 96%;
      padding: 0 20px;
    }
    .biaoTi {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 30px;
      line-height: 30px;
    }
    .biaoTi span {
      font-size: 14px;
      font-weight: bold;
    }
    .radio_SH {
      position: relative;
      bottom: 0px;
      right: 20px;
    }
  </style>
  <!-- css 写在body中，预览的时候调用 -->
  <div class="pdf-content">
    <div class="pdf_box">
      <h1>${witnessRecordBaseInfoVO.recordTitle?default('')?html }</h1>
      <div> 见证信息：${witnessRecordBaseInfoVO.infoCount?default('')?html }条（含预警信息<span style="color: red;">${witnessRecordBaseInfoVO.warnCount?default('')?html
          }</span>条）
      </div>
      <!---->
      <div class="daishenhe-tag"><i class="icon-yishenhe1"><img width="82" src="${httpUrl}/img/yishenhe.png" alt="" srcset=""></i>
      </div>
      <div class="ui-table el-table el-table__border">
        <table style="width: 100%;">
          <colgroup>
            <col name="el-table_column_1" width="110">
            <col name="el-table_column_2" min-width="126">
            <col name="el-table_column_3" width="110">
            <col name="el-table_column_4" min-width="126">
          </colgroup>
          <tbody class="body">
            <tr>
              <th class="el-table_column_1 ">见证结果</th>
              <td class="el-table_column_2"><span class="YC_iocn"><img src="/witness/static/img/warn.7becd801.png" width="15" height="15">
                  ${witnessRecordBaseInfoVO.resultStatus?default('')?html } </span></td>
              <th class="el-table_column_3 ">见证人</th>
              <td class="el-table_column_4"> ${witnessRecordBaseInfoVO.witnessUserName?default('')?html }</td>
            </tr>
            <tr>
              <th class="el-table_column_1 ">交易时间</th>
              <td class="el-table_column_2"> ${witnessRecordBaseInfoVO.witnessStartTime?default('')?html }
                至${witnessRecordBaseInfoVO.witnessEndTime?default('')?html }</td>
              <th class="el-table_column_3 ">审核人</th>
              <td class="el-table_column_4"> ${witnessRecordBaseInfoVO.witnessAuditUserName?default('')?html }</td>
            </tr>
          </tbody>
        </table>
      </div>
      <!---->
      <div class="box_border">预警信息</div>
      <div class="box_three ui-mt5"> 共${systemCount?default('')?html }
        + ${peopleCount?default('')?html }条：系统判定${systemCount?default('')?html }
        条、人工判定${peopleCount?default('')?html }条
      </div>
      <#list witnessWarnInfoVO as warnInfo>
        <div>
          <div class="table_BT_box">
            <div class="table_BT_left">预警事项：${warnInfo.itemName}</div>
            <div class="table_BT_right">
              <div class="table_BT_right1"></div>
              <div class="table_BT_right2"> 预警来源：${warnInfo.warnSource}</div>
            </div>
          </div>
          <#list warnInfo.recordInfos as inf>
            <div class="ui-table">
              <table style="width: 100%; margin-bottom: 10px;">
                <colgroup>
                  <col name="el-table_column_1" width="110">
                  <col name="el-table_column_2" min-width="126">
                  <col name="el-table_column_3" width="110">
                  <col name="el-table_column_4" min-width="126">
                </colgroup>
                <tbody class="body">
                  <tr>
                    <th>预警时间</th>
                    <td colspan="3"> ${inf.createTime}</td>
                  </tr>
                  <tr>
                    <th>预警信息</th>
                    <td colspan="3">
                      <div> ${inf.witnessInfoContent}</div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </#list>
        </div>
      </#list>
      <div class="box_border">见证记录</div>
      <#list witnessSubTaskRecordList as recordList>
        <div class="table_BT_witness">
          <div class="table_BT_box">
            <div class="table_BT_left"> ${recordList_index+1}、${recordList.itemName}</div>
            <div class="table_BT_right">
              <div class="table_BT_right1"> 状态：<span class="YC_iocn"><img src="/witness/static/img/warn.7becd801.png" width="15" height="15">
                  ${recordList.itemStatus} </span></div>
              <div class="table_BT_right2"> 确认人：${recordList.confirmUserName}</div>
            </div>
          </div>
          <div class="ui-table">
            <table style="width: 100%; margin-bottom: 10px;">
              <colgroup>
                <col name="el-table_18_column_164" width="60">
                <col name="el-table_18_column_165" width="180">
                <col name="el-table_18_column_166" width="170">
                <col name="el-table_18_column_167" width="195">
                <col name="el-table_18_column_168" width="194">
              </colgroup>
              <thead class="">
                <tr class="">
                  <th colspan="1" rowspan="1" class="el-table_18_column_164     is-leaf el-table__column">
                    <div class="cell">序号</div>
                  </th>
                  <th colspan="1" rowspan="1" class="el-table_18_column_165     is-leaf el-table__column">
                    <div class="cell">信息记录</div>
                  </th>
                  <th colspan="1" rowspan="1" class="el-table_18_column_166     is-leaf el-table__column">
                    <div class="cell">状态</div>
                  </th>
                  <th colspan="1" rowspan="1" class="el-table_18_column_167     is-leaf el-table__column">
                    <div class="cell">记录时间</div>
                  </th>
                  <th colspan="1" rowspan="1" class="el-table_18_column_168     is-leaf el-table__column">
                    <div class="cell">来源</div>
                  </th>
                </tr>
              </thead>
              <tbody class="body">
                <#list recordList.recordInfos as inf>
                  <tr class="el-table__row">
                    <td id="table-row_0_column_0" rowspan="1" colspan="1" class="el-table_18_column_164   el-table__column">
                      <div class="cell">
                        <div>${recordList_index+1}.${inf_index+1}</div>
                      </div>
                    </td>
                    <td id="table-row_0_column_1" rowspan="1" colspan="1" class="el-table_18_column_165   el-table__column">
                      <div class="cell">
                        <div> ${inf.witnessInfoContent}</div>
                      </div>
                    </td>
                    <td id="table-row_0_column_2" rowspan="1" colspan="1" class="el-table_18_column_166   el-table__column">
                      <div class="cell"><span class="YC_iocn"><img src="/witness/static/img/warn.7becd801.png" width="15" height="15">
                          ${inf.witnessStatus} </span></div>
                    </td>
                    <td id="table-row_0_column_3" rowspan="1" colspan="1" class="el-table_18_column_167   el-table__column">
                      <div class="cell">${inf.createTime}</div>
                    </td>
                    <td id="table-row_0_column_4" rowspan="1" colspan="1" class="el-table_18_column_168   el-table__column">
                      <div class="cell">${inf.systemName}</div>
                    </td>
                  </tr>
                </#list>
              </tbody>
            </table>
          </div>
        </div>
      </#list>
    </div>
  </div>
</body>
</html>
